<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
</head>
<body bgcolor="#9900CC">
<script type="text/javascript" language="javascript">
function check()
{
	return document.getElementById("agree").checked;
}
</script>
<form:form commandName="users" onsubmit="javascript:return check();">
	<table width="545" height="34">
		<tr>
			<td><img src="../images/registep-1.png"
				style="width: 185px; height: 24px; vertical-align: bottom; border: none; filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);opacity:1; z-index:10" /></td>
			<td><img src="../images/registep-2.png"
				style="width: 75px; height: 24px; vertical-align: bottom; border: none; filter:progid:DXImageTransform.Microsoft.alpha(opacity=50);opacity:0.5; z-index:10" /></td>
			<td><img src="../images/registep-3.png"
				style="width: 75px; height: 24px; vertical-align: bottom; border: none; filter:progid:DXImageTransform.Microsoft.alpha(opacity=50);opacity:0.5; z-index:10" /></td>
			<td><img src="../images/registep-4.png"
				style="width: 75px; height: 24px; vertical-align: bottom; border: none; filter:progid:DXImageTransform.Microsoft.alpha(opacity=50);opacity:0.5; z-index:10" /></td>
			<td><img src="../images/registep-5.png"
				style="width: 105px; height: 24px; vertical-align: bottom; border: none; filter:progid:DXImageTransform.Microsoft.alpha(opacity=50);opacity:0.5; z-index:10" /></td>
		</tr>
		<tr>
		<td colspan="5" style="padding:5px 5px 5px 5px;">
			<table style="width: 535px; background-color: #FFFFFF">
				<tr>
					<td style="text-align: right"><input type="image"
						style="margin-left: auto; margin-right: auto; z-index:10"
						name="_eventId_cancel" value="Cancel" /></td>
				</tr>
				<tr>
					<td style="text-align: center">
					<div style="border-color: #000000; border-width: 1px; overflow: scroll; margin-left: auto; margin-right: auto; z-index:10">
					Aggrements Here
					</div>
					</td>
				</tr>
				<tr>
					<td style="text-align: left; z-index:10"><input type='checkbox' id='agree'>
					I accept this terms</td>
				</tr>
				<tr>
					<td style="text-align: right"><input type="image"
						style="margin-left: auto; margin-right: auto; z-index:10"
						name="_eventId_next" value="Next" /></td>
				</tr>
			</table>
			</td>
		</tr>
	</table>
	<form:hidden path="birthday" />
</form:form>
</body>
</html>